<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>订单报表</title>
    <link rel="stylesheet" type="text/css" href="../../../bangnuo/admin/layui/css/layui.css">
</head>
<script type="text/javascript" src="../../../bangnuo/admin/js/jquery-1.8.0.min.js"></script>
<script>
    $(document).ready(function() {
        $.ajax({
            type: 'GET',
            url: '',
            dataType: "JSON",
            success: function (data) {
                if (data.success == true) {
                    console.log("显示");
                    console.log(data.data);
                    $(".LAY-agent-list").append(data.data);
                    $(".LAY-agent-list-box").show();
                } else {
                    console.log("隐藏");
                    $(".LAY-agent-list-box").hide();
                }
            }
        });
    });
</script>
<body style="margin: 0; padding: 0;">
<div>
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">日交易订单</li>
            <li>月交易订单</li>
            <li>商户日交易订单</li>
            <li>商户月交易订单</li>
            <li>代理商日交易订单</li>
            <li>代理商月交易订单</li>
        </ul>
        <div class="layui-tab-content">
            <!-- 日交易订单 -->
            <div class="layui-tab-item layui-show">
                <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                    <blockquote class="layui-elem-quote">
                        <div class="LAY-agent-list">
                        </div>
                    </blockquote>
                    <div>
                    </div>
                </div>
                <div>
                    <!-- 日交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime1" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime1" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="yesterday('r')">昨日</a>
                                    <a href="#" onclick="day('r')">当天</a>
                                    <a href="#" onclick="san_days('r')">前三天</a>
                                    <a href="#" onclick="qi_days('r')">前七天</a>
                                    <a href="#" onclick="this_month('r')">当月</a>
                                    <a href="#" onclick="last_month('r')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo1">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 日交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="daysunmmary" lay-filter="daysunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="daysunmmaryz" lay-filter="daysunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="daysunmmaryw" lay-filter="daysunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 月交易订单 -->
            <div class="layui-tab-item">
                <div class="layui-tab-item layui-show">
                    <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                        <blockquote class="layui-elem-quote">
                            <div class="LAY-agent-list">
                            </div>
                        </blockquote>
                        <div>
                        </div>
                    </div>
                <div>
                    <!-- 月交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime2" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime2" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="this_month('r1')">当月</a>
                                    <a href="#" onclick="last_month('r1')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo2">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 月交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="monthsunmmary" lay-filter="monthsunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="monthsunmmaryz" lay-filter="monthsunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="monthsunmmaryw" lay-filter="monthsunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 商户日交易订单 -->
            <div class="layui-tab-item">
                <div class="layui-tab-item layui-show">
                    <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                        <blockquote class="layui-elem-quote">
                            <div class="LAY-agent-list">
                            </div>
                        </blockquote>
                        <div>
                        </div>
                    </div>
                <div>
                    <!-- 商户日交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime3" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime3" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="yesterday('s')">昨日</a>
                                    <a href="#" onclick="day('r')">当天</a>
                                    <a href="#" onclick="san_days('s')">前三天</a>
                                    <a href="#" onclick="qi_days('s')">前七天</a>
                                    <a href="#" onclick="this_month('s')">当月</a>
                                    <a href="#" onclick="last_month('s')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo3">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 商户日交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="sdaysunmmary" lay-filter="sdayhsunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="sdaysunmmaryz" lay-filter="sdaysunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="sdaysunmmaryw" lay-filter="sdaysunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 商户月交易订单 -->
            <div class="layui-tab-item">
                <div class="layui-tab-item layui-show">
                    <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                        <blockquote class="layui-elem-quote">
                            <div class="LAY-agent-list">
                            </div>
                        </blockquote>
                        <div>
                        </div>
                    </div>
                <div>
                    <!-- 商户月交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime4" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime4" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="this_month('s1')">当月</a>
                                    <a href="#" onclick="last_month('s1')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo4">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 商户月交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="smonthsunmmary" lay-filter="smonthsunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="smonthsunmmaryz" lay-filter="smonthsunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="smonthsunmmaryw" lay-filter="smonthsunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 代理商日交易订单 -->
            <div class="layui-tab-item">
                <div class="layui-tab-item layui-show">
                    <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                        <blockquote class="layui-elem-quote">
                            <div class="LAY-agent-list">
                            </div>
                        </blockquote>
                        <div>
                        </div>
                    </div>
                <div>
                    <!-- 代理商日交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime5" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime5" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="yesterday('d')">昨日</a>
                                    <a href="#" onclick="day('r')">当天</a>
                                    <a href="#" onclick="san_days('d')">前三天</a>
                                    <a href="#" onclick="qi_days('d')">前七天</a>
                                    <a href="#" onclick="this_month('d')">当月</a>
                                    <a href="#" onclick="last_month('d')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo5">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 代理商月交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="ddaysunmmary" lay-filter="ddayhsunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="ddaysunmmaryz" lay-filter="ddaysunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="ddaysunmmaryw" lay-filter="ddaysunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 代理商月交易订单 -->
            <div class="layui-tab-item">
                <div class="layui-tab-item layui-show">
                    <div style="padding: 15px; display: none;" class="LAY-agent-list-box">
                        <blockquote class="layui-elem-quote">
                            <div class="LAY-agent-list">
                            </div>
                        </blockquote>
                        <div>
                        </div>
                    </div>
                <div>
                    <!-- 代理商月交易订单日期表单 -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-top: 10px;">时间范围</label>
                            <div class="layui-input-block">
                                <!-- 开始时间 -->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="startTime" id="startTime6" required lay-verify="required" placeholder="开始时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div style="float: left; font-weight: bold; margin: 20px;">~</div>
                                <!-- 结束时间-->
                                <div style="float: left; margin: 10px;">
                                    <input type="text" name="endTime" id="endTime6" required lay-verify="required" placeholder="结束时间"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <!-- 日期按钮 -->
                                <div style="float: left; margin: 20px;">
                                    <a href="#" onclick="this_month('d1')">当月</a>
                                    <a href="#" onclick="last_month('d1')">上月</a>
                                </div>
                                <!-- 查询按钮-->
                                <div style="float: left; margin: 10px;">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formDemo6">查询</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 代理商月交易订单选项卡-->
                <div>
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">汇总</li>
                            <li>支付宝</li>
                            <li>微信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <!-- 汇总 -->
                            <div class="layui-tab-item layui-show">
                                <table id="dmonthsunmmary" lay-filter="dmonthsunmmary"></table>
                            </div>
                            <!-- 支付宝 -->
                            <div class="layui-tab-item">
                                <table id="dmonthsunmmaryz" lay-filter="dmonthsunmmaryz"></table>
                            </div>
                            <!-- 微信 -->
                            <div class="layui-tab-item">
                                <table id="dmonthsunmmaryw" lay-filter="dmonthsunmmaryw"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../../bangnuo/admin/layui/layui.js"></script>

<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use(['element', 'laydate', 'form','table'], function() {
        var element = layui.element,
            laydate = layui.laydate,
            form = layui.form,
            table = layui.table;
        /* 日加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime1',
            type: 'datetime'
        });
        /* 日交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime1',
            type: 'datetime'
        });
        /* 日交易订单form表单（用于更新数据） */
        form.on('submit(formDemo1)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 日交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#daysunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(daysunmmary)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });
        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#daysunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(daysunmmaryz)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });
        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#daysunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(daysunmmaryw)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });

        /* 月加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime2',
            type: 'datetime'
        });
        /* 月加交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime2',
            type: 'datetime'
        });
        /* 月交易订单form表单（用于更新数据） */
        form.on('submit(formDemo2)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 月交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#monthsunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(monthsunmmary)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });

        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#monthsunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(monthsunmmaryz)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });

        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#monthsunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '订单笔数', sort: true}
                ,{field: 'sex', title: '订单金额', sort: true}
                ,{field: 'city', title: '退款笔数', sort: true}
                ,{field: 'sign', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo1'}
            ]]
        });
        //监听工具条
        table.on('tool(monthsunmmaryw)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'dl'){ //查看
                //do somehing
            }
        });

        /* 商户日加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime3',
            type: 'datetime'
        });
        /* 商户日交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime3',
            type: 'datetime'
        });
        /* 商户日交易订单form表单（用于更新数据） */
        form.on('submit(formDemo3)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 商户日交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#sdaysunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo2'}
            ]]
        });
        //监听工具条
        table.on('tool(sdaysunmmary)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'ddl'){ //查看
                //do somehing
            }
        });

        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#sdaysunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#sdaysunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });

        /* 商户月加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime4',
            type: 'datetime'
        });
        /* 商户月加交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime4',
            type: 'datetime'
        });
        /* 商户月交易订单form表单（用于更新数据） */
        form.on('submit(formDemo4)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 商户月交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#smonthsunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
                ,{field: 'wealth', title: '操作', toolbar: '#barDemo2'}
            ]]
        });
        //监听工具条
        table.on('tool(smonthsunmmary)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if(layEvent === 'ddl'){ //查看
                //do somehing
            }
        });

        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#smonthsunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#smonthsunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '商户', sort: true}
                ,{field: 'sex', title: '上级代理', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });

        /* 代理商日加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime5',
            type: 'datetime'
        });
        /* 代理商日交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime5',
            type: 'datetime'
        });
        /* 代理商日交易订单form表单（用于更新数据） */
        form.on('submit(formDemo5)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 代理商日交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#ddaysunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#ddaysunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#ddaysunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });

        /* 代理商月加交易订单时间组件（开始时间） */
        laydate.render({
            elem: '#startTime6',
            type: 'datetime'
        });
        /* 代理商月加交易订单时间组件（结束时间） */
        laydate.render({
            elem: '#endTime6',
            type: 'datetime'
        });
        /* 代理商月交易订单form表单（用于更新数据） */
        form.on('submit(formDemo6)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        /* 代理商月交易订单table表格组件 */
        /* 汇总 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#dmonthsunmmary'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 支付宝 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#dmonthsunmmaryz'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
        /* 微信 */
        table.render({
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            elem: '#dmonthsunmmaryw'
            ,url: '' //数据接口
            ,page: true ,//开启分页
            method: 'post',
            contentType: "application/json;charset=UTF-8",
            response: {
                "statusName": "code",
                "statusCode": 10000,
                "msgName": "message",
                "countName": "total",
                "dataName": "queryResult"
            },
            parseData: function(res) {
                return {
                    "code": res.code,
                    "message": res.message,
                    "total": res.queryResult.total,
                    "queryResult": res.queryResult.list
                };
            },
            request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,cols: [[ //表头
                {field: 'id', title: '日期', sort: true, fixed: 'left'}
                ,{field: 'username', title: '代理商', sort: true}
                ,{field: 'city', title: '订单笔数', sort: true}
                ,{field: 'sign', title: '订单金额', sort: true}
                ,{field: 'experience', title: '退款笔数', sort: true}
                ,{field: 'score', title: '退款金额', sort: true}
                ,{field: 'experience', title: '实收手续费', sort: true}
                ,{field: 'score', title: '结算金额', sort: true}
            ]]
        });
    });
</script>
<!-- 日/月交易按钮 -->
<script type="text/html" id="barDemo1">
    <a class="layui-btn layui-btn-xs" lay-event="dl">代理商详情</a>
</script>
<!-- 商户日/月按钮 -->
<script type="text/html" id="barDemo2">
    <a class="layui-btn layui-btn-xs" lay-event="sdl">更新数据</a>
</script>
<!-- 点击自动获取时间 -->
<script>
    <!-- 昨天 -->
    function yesterday(obj) { //今天

        var date = new Date();
        var year = date.getFullYear(); //年份
        var month = date.getMonth() + 1; //月份
        var end = date.getDate() - 1; //前一天
        var start = date.getDate() - 1; //前一天
        //昨天的时间
        var startTime = year + "-" + month + "-" + start + " 00:00:00"; //今天凌晨
        var endTime = year + "-" + month + "-" + end + " 23:59:59"; //今天晚上12点
        console.log("前一天时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 1);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 1);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 1);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        }
    };

    <!-- 当天 -->
    function day(obj) { //今天
        var date = new Date();
        var year = date.getFullYear(); //年份
        var month = date.getMonth() + 1; //月份
        var end = date.getDate(); //当天日期
        var start = date.getDate(); //当天日期
        var hour = date.getHours(); //时
        var minute = date.getMinutes(); //分
        var second = date.getSeconds(); //秒
        //昨天的时间
        var startTime = year + "-" + month + "-" + start + " 00:00:00"; //今天凌晨
        var endTime = year + "-" + month + "-" + end + " " + hour + ":" + minute + ":" + second; //当前时间
        console.log("前一天时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 1);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 1);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 1);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        }
    };

    <!-- 前三天 -->
    function san_days(obj) {
        var date = new Date();
        var dd = date.getFullYear();
        var mm = date.getMonth() + 1;
        var aa = date.getDate();
        // 前3天时间
        var startTime = dd + "-" + mm + "-" + (aa - 3) + " 00:00:00"; //前7天凌晨
        var endTime = dd + "-" + mm + "-" + (aa - 1) + " 23:59:59"; //昨天凌晨
        console.log("前三天时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 3);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 3);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 3);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        }
    }
    <!-- 前七天 -->
    function qi_days(obj) {
        var date = new Date();
        var dd = date.getFullYear();
        var mm = date.getMonth() + 1;
        var aa = date.getDate();
        //前7天时间
        var startTime = dd + "-" + mm + "-" + (aa - 7) + " 00:00:00"; //前7天凌晨
        var endTime = dd + "-" + mm + "-" + (aa - 1) + " 23:59:59"; //昨天凌晨
        console.log("前七天时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 3);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 3);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 3);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        }
    }
    <!-- 当月 -->
    function this_month(obj) {
        var date = new Date();
        var dd = date.getFullYear();
        var mm = date.getMonth() + 1;
        var aa = date.getDate();
        var cc = aa - aa + 1; //每月的第一天
        var hour = date.getHours(); //时
        var minute = date.getMinutes(); //分
        var second = date.getSeconds(); //秒

        var startTime = dd + "-" + mm + "-" + cc + " 00:00:00"; //当月第一天
        var endTime = dd + "-" + mm + "-" + aa + " " + hour + ":" + minute + ":" + second; //当月今天
        console.log("前当月时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 3);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 3);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 3);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        } else if (obj == "r1") {
            $("#startTime2").val(startTime);
            $("#endTime2").val(endTime);
        } else if (obj == "s1") {
            $("#startTime4").val(startTime);
            $("#endTime4").val(endTime);
        } else if (obj == "d1") {
            $("#startTime6").val(startTime);
            $("#endTime6").val(endTime);
        }
    }
    <!-- 上月 -->
    function last_month(obj) {
        var date = new Date();
        var dd = date.getFullYear();
        var mm = date.getMonth();
        if (mm == 0) {
            dd = dd - 1;
            mm = 12;
        }
        /*if (mm < 10) {
            mm = '0' + mm;
        }*/
        var myDate = new Date(dd, mm, 0);
        var startTime = dd + "-" + (mm) + "-" + "01 00:00:00"; //上个月第一天凌晨
        var endTime = dd + '-' + (mm) + '-' + myDate.getDate() + ' 23:59:59'; //上个月最后一天
        console.log("前当月时间" + startTime);
        if (obj == "r") {
            console.log("该账号" + 3);
            $("#startTime1").val(startTime);
            $("#endTime1").val(endTime);
        } else if (obj == "s") {
            console.log("商户" + 3);
            $("#startTime3").val(startTime);
            $("#endTime3").val(endTime);
        } else if (obj == "d") {
            console.log("代理" + 3);
            $("#startTime5").val(startTime);
            $("#endTime5").val(endTime);
        } else if (obj == "r1") {
            $("#startTime2").val(startTime);
            $("#endTime2").val(endTime);
        } else if (obj == "s1") {
            $("#startTime4").val(startTime);
            $("#endTime4").val(endTime);
        } else if (obj == "d1") {
            $("#startTime6").val(startTime);
            $("#endTime6").val(endTime);
        }
    }
</script>
</html>
